body{font-family:Arial, 微软雅黑, 'Microsoft YaHei'; }
#maincontent_top_cust_style {background:url(../img/tb.png) repeat-x;  width: 100%;  height:38.2%;background-size: 100% 100%  }
#maincontent_mid_cust_style{height:3%;  }
#maincontent_foot_cust_style {width: 100%;  height:100%;  }
#maincontent_foot_cust_style .col{border: solid 1px #fafafa;}

.maincontet_list_cust{height:58.8%;}
.maincontent_cust_div_left2 {width: 80%; text-align: center}

/*文字颜色*/
.color_cust_white{color:#fff}
.color_cust_999{color:#999}

/*文字大小*/
.font_cust_bold{font-weight: bold}
.font_arrow{color: white}
.font_info{color:#e3d6c8;font-size: 15px;font-family:微软雅黑 }
.font_info2{color:#666;font-size: 15px;font-family:微软雅黑}

/*居中*/
.cust_algin{text-align: center; padding:3px; }

.liujiao{
  position: absolute;
  width: 100%;
  height: 20%;
  text-align: center;
  top: 30%;
  line-height: 20%;
  z-index: 3;
}
.button{
  border: solid white 0px;
}
.bt_idcard{
  background-color:#ff8f17;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.bt_idcard.activated{
  background-color:#ffb361;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
}
.money1{
  color:#ff7676;
  font-size: 18px;
}
.money2{
  color:#ff8f17;
  font-size: 18px;
}
.item p{
  color: #666;
  font-weight: bold;
}
/*禁用滚动条*/
.no_scorll {  overflow: hidden  }
.login_container {  height:100%;  width:100%;  }
.login_container .top
{
  height:38.2%;
  background: url("../img/loginbg.png");
  background-size: 100% 100%;
  color:#ff8707 ;
  text-align: center;
  font: bold 50px 微软雅黑;
  line-height: 4;
}
.login_container .mid
{
  height:61.8%;
  background-color: #fff;
}
/*登录处的不规则按钮*/
.button-login-cust{
  font-size: 18px;
  padding: 0 5px;
  color: #ffffff;
  background-image: url("../img/button_bg.png");
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size:80%,100%;
  border: none;
  line-height: 45px;
  background-color: rgba(248, 248, 248, 0);
}
.col-75padding
{
  padding-left: 65px;
  padding-right:65px;
}
.list-inset-cust{
  margin: 0px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
}


/*自定义的button 都写到这里*/
.button-orange-light-cust{border-color: #ffb361;  background-color: #ffb361;  color: #fff;font-size: 14px;    border-radius: 5px;}
.button-orange-light-cust.activated{background-color:#ffb361;color: #fff; border-radius: 5px;border-color: #ffb361;}
.button.button-orange-light-cust{margin-top: 0px; margin-bottom: 0px;}

.button-orange-dark-cust{  border-color: #ff8707;  background-color: #ff8707;  color: #fff;font-size: 14px;    border-radius: 5px;}
.button-orange-dark-cust.activated{background-color:#ffb361;color: #fff; border-radius: 5px;border-color: #ffb361;}
.button.button-orange-dark-cust{margin-top: 0px; margin-bottom: 0px;}


ion-content{background-color: #fff7ee}
.tabs-striped.tabs-background-stable .tabs{background-color:#fff;border-color: #ffb361;}
.tabs-top.tabs-striped .tab-item.activated{border-width: 0px 0px 2px 0px;border-style: solid;border-color: #ff8707}
/*综合缴费金额选择样式*/
/*#zhjf-uibox{*/
  /*width: 100%;*/
  /*height: 200px;*/
  /*background-color: #ff0000;*/
/*}*/
#zhjf-uibox ,#khrw-uibox{text-align: center; }
#khrw-uibox div{text-align: center;}
.zhjf-ui{  }
.zhjf-ui li,.khrw-ui li{display: inline-block; margin-left: 15px;margin-bottom: 5px;}
/*.zhjf-ui li div{width:60px; height:60px; background-color:#FF7301; border-radius:30px;}*/
.div-sel{width:60px; height:60px; background-color:#FF7301; border-radius:30px;}
.div-nor{width:60px; height:60px;  border-radius:30px;border: 1px solid #999}
/*.zhjf-ui li div span{height:60px; line-height:60px; display:block; color:#fff; text-align:center;font-size: 12px}*/
.span-sel{height:60px; line-height:60px; display:block; color:#fff; text-align:center;font-size: 12px}
.span-nor{height:60px; line-height:60px; display:block; color:#666; text-align:center;font-size: 12px}

/*修改input的placeholder颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color:    #d8d8d8;  opacity: 0.5;  font-weight: bold;  }
input:-moz-placeholder, textarea:-moz-placeholder {  color:    #666;  opacity: 0.5;font-weight: bold;  }
input::-moz-placeholder, textarea::-moz-placeholder {color:    #666;font-weight: bold;  opacity: 0.5;  }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:    #666;opacity: 0.5;  font-weight: bold;  }
/*开户入网*/
.item-customer-bg-darkred {  background: #ff8707;  color: #ffffff;  border-color:transparent;}
.item-customer-bg-darkred.activated{background-color:#ff6501;color: #FFF;}

.ywkh_jd{height:5px;width: 20%;background-color: #91cf83;border-right: solid 1px white;float: left;color: white;text-align: center}
input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input),
     textarea[readonly]:not(.cloned-text-input), select[readonly]{
     background-color: white;
     cursor: not-allowed;
}
.wkh_button_dark{background-color: #ff8707;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_dark.activated{background-color: #ffb361;color: white;font-weight: bold;font-size: 15px;font-family: 微软雅黑;text-align: center}
.wkh_button_light{background-color:   #ff8707;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}
.wkh_button_light.activated{background-color:  #ffb361;color:white;font-weight: bold;font-size: 15px;font-family: 微软雅黑}
.ywkh_content_bg{background-color: #fff7ee;}
.bgdiv{background-image: url("../img/anniu.png");text-align: center}
.ywkh_input2{
  width: 100%;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
  margin-left: 5px;
  padding-left:2px;
}
#step1_address{
  width: 100%;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
  height: 50px;
}
input.ywkh_input{
  width: 100%;
  text-align: left;
  margin-left: 20px;
  word-break: break-word;
  word-wrap: break-word;
}
 .step1_idcard{
   background-image: url(../img/anniu2.png);
   /* height: 70px; */
   width:100px;
   line-height: 50px;
   font-size: 12px;
   text-align: center;
   color: white;
   background-size: 100px 100px;
   background-position: 0px -225px;
   font-weight: bold;font-size: 13px;font-family: 微软雅黑
 }
.step_odd{
  background-color:#ff8f17;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.step_odd.activated{
  background-color:#ffB31F;
  color: white;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.step_even{
  background-color: white;
  border: solid 1px #ccc;
  color: #666;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px
}
.step_even.activated{
  background-color: #ffB31F;
  border: solid 1px #ccc;
  color: #666;
  font-family: 微软雅黑;
  font-size: 13px;
  height: 25px;
  line-height: 25px
}
/*弹出框样式*/
.ywkh_pop{
  top: 10%;
  margin-left: 10%;
}
.pop_view{
  border: solid #ff8707 1px ;
}
.pop_header{
  background-color: #ff8707;
  color: white;
}
.pop_content{
background-color: #fff7ee;
}
.platform-android .popover .item.pop_div{
background-color: white;
border: solid #ccc 1px;
}
.item p.pop_p{
color: #ff8707;
}
.platform-android .popover .item.pop_div p{
  font-weight: bold;
  font-size: 13px;
  font-family: 微软雅黑
}
.platform-android .popover .item.pop_div.scolor{
  background-color: #ff8707;
}
.platform-android .popover .item.pop_div.scolor p{
  color: white;
}
.scolor{
  background-color: #ff8707;
}
.row-bg{
  background-color: #fff;
  margin: 20px;
}

.card .item-padding-cust{
  padding:0px;
}

.ddcx-card-item-cust-left
{
  height:160px;
  color:#fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 40px;
}
.step4_card{
  height: 500px;
}
.ddcx-card-itembg-yellow{background-color:#ffB31F;  }
.ddcx-card-itembg-blue {background-color: #52aeb8  }
.ddcx-card-itembg-green {background-color: #ffd074 }
.gwysl-card-itembg-green {background-color: #31b573}
.gwysl-card-itembg-green label{
  /*padding: 10px 10px;*/
  /*font-size: 18px;*/
  font-family: 微软雅黑;
}
.gwysl-card-itembg-green span{
  font-size: 8px;
  font-family: 微软雅黑;
  text-align: center;
  line-height: 45px;
}
.card_info{
  color:#666;
  font-size: 15px;
  font-family:微软雅黑;
  padding: 10px 20px;
}
.card_info div{
  color: #828282;
  font-family:微软雅黑;
  font-size: 15px;
  margin-bottom: 10px;
}
.card_info div label{
  color:#bcbcbc;
  font-family:微软雅黑;
  font-size: 15px;
}
.card_info div span{
  color:#ff8f17;
  font-size: 18px;
  font-weight: bold;
}
.card_info img{
  position: fixed;
  top: 59%;
  left: 85%
}
.ddcx-card-item-cust-left div
{
  margin-top: 60px;
}
.ddcx-card-item-cust-right
{
  height:160px;
  width:70%;
  background-color:#ffffff;
  text-align: center;
  line-height: 30px;
}
.ddcx-card-item-num
{
  font-size: 25px;
  color: #666;
  font-weight: bold;
}
.ddcx-card-item-content
{
  margin-top: 5px;
}
.ddcx-ret
{
  position: absolute;
  right: 0px;
  /*top:-24px;*/
}
.ddcx-ret img
{
  width:48px;
  height:48px;
  margin-top: -25px;
}
.list-inset .item-border-cust{border:none;border-bottom: solid 2px #d8d8d8}
/*弹出框结束*/
/*自定义row*/
.row-5 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:5%  }
.row-10 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:10%  }
.row-15 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:15%  }
.row-20 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:20%  }
.row-25 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:25%  }
.row-30 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:30%  }
.row-35 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:35%  }
.row-40 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:40%  }
.row-45 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:45%  }
.row-50 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:50%  }
.row-55 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:55%  }
.row-60 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:60%  }
.row-65 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:65%  }
.row-70 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:70%  }
.row-75 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:75%  }
.row-80 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:80%  }
.row-85 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:85%  }
.row-90 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:90%  }
.row-95 {  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -moz-flex;  display: -ms-flexbox;  display: flex;  padding: 5px;  width: 100%;  height:95%  }
/*自定义col*/
.col-15{-webkit-box-flex: 0;  -webkit-flex: 0 0 15%;  -moz-box-flex: 0;  -moz-flex: 0 0 15%;  -ms-flex: 0 0 15%;  flex: 0 0 15%;  max-width: 15%;}
.popup_main{
  height: 100px;
  background-color: #fff7ae;
  margin-bottom: 50%;
}
.item p{
  color: #666;
  font-weight: 100;
  font-size: 13px;
}

.ywkh_querynum_bg_ood_cust{background: #eafce6;color:#666;text-align:center;border-color: #fafafa;font-family: 微软雅黑}
.ywkh_querynum_bg_even_cust{background: #fff;color:#666;text-align:center;border-color: #fafafa;font-family: 微软雅黑}
.ywkh_querynum_bg_sel_cust{background: #ff8707;color:#fff;text-align: center;font-family: 微软雅黑}
.footpanel{
 /* height: 20%;
  margin-top: 92%;
  position: fixed;
  width: 100%*/
  bottom: -400px;
  position: absolute;
}
.footpanel2{
 /* height: 20%;
  margin-top: 10%;
  position: fixed;
  width: 100%*/
  bottom: -400px;
  position: absolute;
}
.footpanel_fzr{
   height: 20%;
   margin-top: 92%;
   position: fixed;
   width: 100%

}
.gwyslstep3_foot{
  width: 100%;
  position: absolute;
  bottom: -200px
}
.gwyslstep3_foot2{
  width: 100%;
  position: absolute;
  bottom: -60px
}
/*通过当前验证设置的验证规则*/
input.ng-valid { border: 1px solid #91CF83;border-radius: 2px;  }
/*无法通过当前验证设置的验证规则*/
input.ng-invalid { border: 1px solid #ff594A;border-radius: 2px;}
/*当前表单/输入区未修改过*/
input.ng-pristine {  border: 1px solid #fff; background-color: white;border-radius: 2px;  }
/*当前表单/输入区修改过*/
/*input.ng-dirty { background-color: lightyellow; }*/
.item-input {  padding: 6px 16px 5px 3px;  }

.button{
  border-radius: 5px;
  min-height: 20px;
}
.col{
  padding: 0px 5px;
}
input.ywkh_input2.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required.ng-valid-pattern{
  border-color: white;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
}
input.ywkh_input2.ng-dirty.ng-valid-parse.ng-valid.ng-valid-pattern{
  border-color: lightgreen;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
}
input#username.ng-valid{
  border: solid 1px white;
}
.insertView{
  margin-top: 70px;
  height: 400%;
}
.step2_syzf{
  bottom: 8%;position: absolute
}
.step2_next{
  /*margin-top:60%;position: absolute*/bottom:0px;position: absolute;
}
.step2_area{
  text-align: left;
  margin-right: 0px;
  width: 100%;
  height: 180px;
  padding: 10px 10px;
  font: normal 10px 微软雅黑;
  color: #666;
}
.step2_gbxq{
  margin-left: 26%;
}
.tab_select{
  border-bottom:solid 2px #ff8707;
}
.tab_unselect{
  border-bottom:solid 2px #fafafa;
}
.zf_disable{
  display: none;
}
div.loading2{
  height: 150px;
  width: 30%;
}
.loading-container .loading {  background-color: rgba(0, 0, 0, 0.3);  }
.yindao_ddzx
{
  /*background-image: url(../img/yindao_ddzx.png);*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*background-attachment: fixed;*/
  /*height:100%;*/
  /*width:100%;*/
  background:url(../img/yindao_ddzx.png);
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  height:100%;
  width:100%;
  z-index: 1000;
  position:absolute;
}
.item-input-wrapper
{
  background-color: transparent;
}
.gywm_divpadding_cust
{
  margin: 10px;
}
.margin-itop-cust
{
  padding: 0px;
  margin-top: 5px;
}
.login-algin-left-cust
{
  padding:0px;
}
.login-algin-right-cust
{
  text-align: right;
}
